@charset "utf-8";
.melon_head {
    background-color: #222222;
    margin-bottom: 0;
    border-radius: 0;
    border: none;
    
    
    
    .navbar-nav {
        
        >li>a {
            font-size: 14px;
            color: #9D9D9D;
            &:hover {
                color: white;
            }
        }
        >.active>a,
        >.active>a:hover,
        >.active>a:focus {
            background-color: #080808;
            color: #FFFFFF;
        }
    }
    .navbar-brand {
        padding: 7px 15px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .melon_head .nav>li>a {
        padding: 15px 4px;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .melon_head .container{
        width: 950px;
    }
    
    
}
